<template>
	<view :style="themeColor">
		<view class="page">
			<view class="flex  flex flex-wrap align-center decorationTeam_flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex flex-wrap align-center justify-between flex-sub decorationTeam_fd0_0'>
					<view class='flex flex-wrap align-center decorationTeam_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
						data-url="1">
						<text class='fu-iconfont2  decorationTeam_fd0_0_c0_c0'>&#xE794;</text>
					</view>
					<view class='flex flex-wrap align-center'>
						<text class='decorationTeam_fd0_0_c1_c0'>详情</text>
					</view>
					<view class='flex flex-wrap align-center decorationTeam_fd0_0_c0'>
					</view>
				</view>

			</view>
			<!-- <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view> -->
			<!---flex布局flex布局开始-->


			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout">
				<view class='flex flex-direction flex-wrap align-stretch decorationTeam_fd1_0'>
					<view class='flex flex-wrap align-stretch decorationTeam_fd1_0_c0'>

						<view class='flex flex-direction flex-wrap align-stretch flex-sub decorationTeam_fd1_0_c0_c1'>
							<view class='flex flex-wrap align-start justify-between decorationTeam_fd1_0_c0_c1_c0'>
								<text class='decorationTeam_fd1_0_c0_c1_c0_c0_c0'>会员姓名&nbsp;:&nbsp;{{orderinfo.translateMemberName}}</text>
							</view>
							<view class='flex flex-wrap align-start justify-between decorationTeam_fd1_0_c0_c1_c0'>
								<text class='decorationTeam_fd1_0_c0_c1_c0_c0_c0'>卡名称&nbsp;:&nbsp;{{orderinfo.translateCardName}}</text>
							</view>
							<view class='flex flex-wrap align-start justify-between decorationTeam_fd1_0_c0_c1_c0'>
								<text class='decorationTeam_fd1_0_c0_c1_c0_c0_c0'>价格&nbsp;:¥&nbsp;{{orderinfo.orderPrice}}</text>
							</view>
							<view class='flex flex-wrap align-start justify-between decorationTeam_fd1_0_c0_c1_c0'>
								<text class='decorationTeam_fd1_0_c0_c1_c0_c0_c0'>订单编号&nbsp;:&nbsp;{{orderinfo.orderNo}}</text>
							</view>
							<view class='flex flex-wrap align-start justify-between decorationTeam_fd1_0_c0_c1_c0'>
								<text
									class='decorationTeam_fd1_0_c0_c1_c0_c0_c0'>支付时间&nbsp;:&nbsp;{{orderinfo.payTime || '暂无数据'}}</text>
							</view>
						</view>
					</view>
				</view>
				
				<!-- 				<view class='flex flex-direction flex-wrap align-stretch decorationTeam_fd1_1'>
					<view class='flex flex-wrap align-center decorationTeam_fd1_1_c0'>
						<text class='decorationTeam_fd1_1_c0_c1'>简介</text>
					</view>
					<view class='flex flex-wrap align-center decorationTeam_fd1_1_c1'>
						<text class='decorationTeam_fd1_1_c1_c0'>{{vipInfo.remark || '他/她暂时还没有简介'}}</text>
					</view>
				</view> -->


				<view class="flex flex-wrap align-stretch justify-center benben-position-layout flex decorationTeam_flex_2">
					<view class='flex flex-wrap align-center justify-center decorationTeam_fd2_0' @tap.stop="refund()"
						v-if="orderinfo.orderStatus==2">
						<text class='decorationTeam_fd2_0_c1'>申请退款</text>
					</view>
					<view class='flex flex-wrap align-center justify-center decorationTeam_fd2_0' v-if="orderinfo.orderStatus==7">
						<text class='decorationTeam_fd2_0_c1'>待退款审核中</text>
					</view>
					<view class='flex flex-wrap align-center justify-center decorationTeam_fd2_0' v-if="orderinfo.orderStatus==8">
						<text class='decorationTeam_fd2_0_c1'>退款中</text>
					</view>
					<view class='flex flex-wrap align-center justify-center decorationTeam_fd2_0' v-if="orderinfo.orderStatus==9"
						style="background: #e8e8e8;">
						<text class='decorationTeam_fd2_0_c1' style="color: #000;">已退款</text>
					</view>
					<view class='flex flex-wrap align-center justify-center decorationTeam_fd2_0' @tap.stop="refund()"
						v-if="orderinfo.orderStatus==10">
						<text class='decorationTeam_fd2_0_c1'>退款失败(重新退款)</text>
					</view>
					<view class='flex flex-wrap align-center justify-center decorationTeam_fd2_0'
						v-if="orderinfo.orderStatus==1 || orderinfo.orderStatus==3 || orderinfo.orderStatus==4 || orderinfo.orderStatus==5"
						style="background: #e8e8e8;">
						<text class='decorationTeam_fd2_0_c1' style="color: red;">支付失败</text>
					</view>
					<!-- 					<view class='flex flex-wrap align-center justify-center decorationTeam_fd2_0' @tap.stop="dele()">
						<text class='decorationTeam_fd2_0_c1'>删除</text>
					</view> -->
				</view>
			</view>
			<benben-popup v-model="popupShow1695038047287" :mask="true" :mask-close-able="true" mode='center'>
				<view class="flex flex-direction flex-wrap align-center system_flex_2">
					<text class='system_fd2_0'>提示</text>
					<text class='system_fd2_1'>当前可退款金额为{{refundInfo.refundAmount}}元</text>
					<text class='system_fd2_1'>确定退款吗?</text>
					<view class='flex align-center system_fd2_2'>
						<button class='system_fd2_2_c0' @tap.stop="popupShow1695038047287=false">取消</button>
						<button class='system_fd2_2_c1' @tap.stop="confirmFunc()">确定</button>
					</view>
				</view>
			</benben-popup>

			<!---flex布局flex布局结束-->

			<view :style="{height: '130rpx'}"></view>









		</view>
	</view>
</template>
<script>
	export default {
		components: {},


		data() {
			return {
				"popupShow1695038047287": false,
				id: '',
				orderinfo: '',
				refundInfo: '',
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},
			isLogin() {
				return this.$store.state.token == '' ? false : true;
			}
		},
		watch: {},
		onLoad(options) {
			if (options.id) {
				this.id = options.id
				this.homeInfo()
				console.log(this.id, 'this.idthis.id')
			}
		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {

		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		// 上拉加载
		onReachBottom() {

		},
		onPageScroll(e) {

		},
		methods: {
			//查询订单详情
			async homeInfo() {		
				let requestUrl = `${global.apiUrls.orderinfo}/${this.id}`;
				let res = await this.$api.get(requestUrl);
				if (res.data.code != 200) {
					this.$message.info(res.data.msg);
					return
				}
				let infodataDetails = res.data;
				this.orderinfo = infodataDetails.data
				console.log(this.orderinfo, 'this.orderinfo')
			},
			//查询能退多少钱
			async refund() {
				let requestUrl = `${global.apiUrls.refund}/${this.id}`;
				let res = await this.$api.get(requestUrl);
				if (res.data.code != 200) {
					this.$message.info(res.data.msg+'，请联系管理员');
					return
				}
				
				let infodataDetails = res.data;
				this.refundInfo = infodataDetails.data
				this.popupShow1695038047287 = true
				console.log(this.refundInfo, 'this.refundInfo')
			},
			//退款
			async confirmFunc() {
				let res = await this.$api.post(global.apiUrls.refund, {
					id: this.id
				});
				if (res.data.code != 200) {
					this.$message.info(res.data.msg);
					return
				}
				this.$message.info('提交成功,请等待审核')
				setTimeout(()=>{
					this.homeInfo()
				},700)
				
				this.popupShow1695038047287 = false
			},

		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background-size: 100% auto;
	}

	.decorationTeam_flex_0 {
		width: 750rpx;
		height: 88rpx;
		background-size: 100% auto !important;
	}

	.decorationTeam_fd0_0_c1_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: #000;
		line-height: 50rpx;
	}

	.decorationTeam_fd0_0_c0_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: #000;
		line-height: 36rpx;
	}

	.decorationTeam_fd0_0_c0 {
		width: 120rpx;
		height: 88rpx;
	}

	.decorationTeam_fd0_0 {
		padding: 0rpx 24rpx 0rpx 24rpx;
		height: 88rpx;
	}

	.decorationTeam_fd1_3_c0 {
		color: rgba(240, 102, 0, 1);
		font-size: 28rpx;
		font-weight: 400;
		// -webkit-line-clamp: 4;
		// overflow: hidden;
		// text-overflow: ellipsis;
		// display: -webkit-box;
		// -webkit-box-orient: vertical;
		max-width: 656rpx;
	}

	.decorationTeam_fd1_3 {
		background: var(--benbenbgColor1);
		margin: 0rpx 24rpx 40rpx 24rpx;
		padding: 24rpx 24rpx 24rpx 24rpx;
		background-size: 100% auto;
	}

	.decorationTeam_fd1_2_c1_c3 {
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.decorationTeam_fd1_2_c1_c2 {
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 14rpx 0rpx 0rpx;
	}

	.decorationTeam_fd1_2_c1_c1 {
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 0rpx 10rpx 0rpx;
	}

	.decorationTeam_fd1_2_c1_c0_c1 {
		margin: 20rpx 0rpx 20rpx 0rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 301rpx;
		font-weight: 700;
		font-size: 30rpx;
	}

	.decorationTeam_fd1_2_c1_c0_c0 {
		width: 702rpx;
		height: 283rpx;
		border-radius: 16rpx 16rpx 0rpx 0rpx;
	}

	.decorationTeam_fd1_2_c1_c0 {
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 0rpx 14rpx 0rpx;
	}

	.decorationTeam_fd1_2_c0_c1 {
		color: #333;
		font-size: 32rpx;
		font-weight: bold;
		margin: 0rpx 16rpx 0rpx 16rpx;
	}

	.decorationTeam_fd1_2_c0_c0 {
		width: 32rpx;
		height: 34rpx;
	}

	.decorationTeam_fd1_2_c0 {
		width: 686rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd1_2 {
		padding: 0rpx 24rpx 24rpx 24rpx;
	}

	.decorationTeam_fd1_1_c1_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		// -webkit-line-clamp: 2;
		// overflow: hidden;
		// text-overflow: ellipsis;
		// display: -webkit-box;
		// -webkit-box-orient: vertical;
		// max-width: 644rpx;
	}


	.decorationTeam_fd1_1_c1 {
		padding: 0rpx 22rpx 0rpx 24rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd1_1_c0_c1 {
		color: #333333;
		font-size: 30rpx;
		font-weight: 600;
		line-height: 45rpx;
	}

	.decorationTeam_fd1_1_c0_c0 {
		background: #167deb;
		width: 8rpx;
		height: 30rpx;
		border-radius: 4rpx;
		background-size: 100% auto !important;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.decorationTeam_fd1_1_c0 {
		border-bottom: 1px solid #eee;
		margin: 24rpx 24rpx 16rpx 24rpx;
		padding: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd1_1 {
		background: var(--benbenbgColor1);
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 24rpx 24rpx 24rpx;
	}

	.decorationTeam_fd1_0_c1_c2_c1 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 248rpx;
	}

	.decorationTeam_fd1_0_c1_c1 {
		margin: 0rpx 89rpx 0rpx 0rpx;
	}

	.decorationTeam_fd1_0_c1_c0_c1 {
		color: #999999;
		font-size: 26rpx;
		font-weight: 400;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c0_c1 {
		color: #FFFFFF;
		font-size: 20rpx;
		font-weight: 400;
		margin-right: 6rpx;
		margin-bottom: 4rpx;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c0_c0 {
		width: 24rpx;
		height: 22rpx;
		margin-left: 6rpx;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c0 {
		background: linear-gradient(126deg, #FF4538 0%, #FF6530 100%);
		background-size: 100% auto;
		width: 140rpx;
		height: 38rpx;
		border-radius: 0rpx 10rpx 0rpx 10rpx;
		margin-left: 14rpx;
		margin-top: 2rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.designPicture_fd2_5 {
		width: 88rpx;
		height: 88rpx;
		position: fixed;
		right: 25rpx;
		bottom: 300rpx;
	}

	.decorationTeam_fd1_0_c1_c0_c0 {
		color: #333333;
		font-size: 36rpx;
		font-weight: 700;
		//margin: 0rpx 0rpx 11rpx 0rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 220rpx;
		padding-top: 4rpx;
	}

	.decorationTeam_fd1_0_c1_c0_c0111 {
		color: #333333;
		font-size: 30rpx;
		font-weight: 700;
		//margin: 4rpx 0rpx 11rpx 0rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 220rpx;
	}

	.decorationTeam_fd1_0_c1_c0 {
		//margin: 0rpx 89rpx 0rpx 40rpx;
		height: 100rpx;
		justify-content: space-between;
	}

	.loading_css {
		// padding-top: 72rpx;
		text-align: center;
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);

		view {
			color: #999999;
			font-size: 22rpx;
			margin-top: 16rpx;
		}
	}

	.decorationTeam_fd1_0_c0_c1_c2_c1 {
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		margin: 0rpx 0rpx 0rpx 5rpx;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 430rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c2_c0 {
		width: 26rpx;
		height: 26rpx;
		margin-top: 4rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c1_c4 {
		width: 122rpx;
		height: 48rpx;
		margin: 0rpx 0rpx 0rpx auto;
	}

	.decorationTeam_fd1_0_c0_c1_c1_c3 {
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		max-width: 1200rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.decorationTeam_fd1_0_c0_c1_c1_c2 {
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 50rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c1_c1 {
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		margin: 0rpx 32rpx 0rpx 0rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c1_c0 {
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 50rpx;
	}

	.quxiao {
		width: 320rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100rpx;
		border-right: #f0f0f0 1rpx solid;
	}

	.decorationTeam_fd1_0_c0_c1_c1 {
		margin: 0rpx 0rpx 12rpx 0rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c0_c0_c1 {
		width: 124rpx;
		height: 36rpx;
		margin: 4rpx 0rpx 0rpx 16rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c0_c0_c0_1 {
		// max-width: 300rpx;
		// -webkit-line-clamp: 1;
		// overflow: hidden;
		// text-overflow: ellipsis;
		// display: -webkit-box;
		// -webkit-box-orient: vertical;
		font-size: 32rpx;
		font-weight: 500;
		color: var(--benbenFontColor0);
	}

	.decorationTeam_fd1_0_c0_c1_c0_c0_c0 {
		// max-width: 350rpx;
		// -webkit-line-clamp: 1;
		// overflow: hidden;
		// text-overflow: ellipsis;
		// display: -webkit-box;
		// -webkit-box-orient: vertical;
		font-size: 30rpx;
		font-weight: 500;
		color: var(--benbenFontColor0);
	}

	.decorationTeam_fd1_0_c0_c1_c0_c0_c01 {
		// max-width: 350rpx;
		// -webkit-line-clamp: 1;
		// overflow: hidden;
		// text-overflow: ellipsis;
		// display: -webkit-box;
		// -webkit-box-orient: vertical;
		font-size: 30rpx;
		font-weight: 500;
		color: #167deb;
	}

	.decorationTeam_fd1_0_c0_c1_c0 {
		margin: 0rpx 0rpx 12rpx 0rpx;
	}

	.decorationTeam_fd1_0_c0_c1 {
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.decorationTeam_fd1_0_c0_c0 {
		width: 144rpx;
		height: 144rpx;
		border-radius: 16rpx;
	}

	.decorationTeam_fd1_0_c0 {
		padding: 10rpx 0rpx 0rpx 0rpx;
		margin: 24rpx 24rpx 20rpx 24rpx;
	}

	.decorationTeam_fd1_0 {
		background: var(--benbenbgColor1);
		margin: 32rpx 24rpx 20rpx 24rpx;
		background-size: 100% auto;
		border-radius: 16rpx;
	}

	.decorationTeam_flex_2 {
		background: #f8f8f8;
		width: 750rpx;
		height: 130rpx;
		overflow: hidden;
		z-index: 10;
		bottom: calc(0rpx + var(--window-bottom));
		background-size: 100% auto;
	}

	.decorationTeam_fd2_1 {
		background: var(--benbenbgColor3);
		width: 320rpx;
		height: 88rpx;
		border-radius: 66rpx;
		background-size: 100% auto;
	}

	.decorationTeam_fd2_0_c1 {
		margin: 0rpx 0rpx 0rpx 7rpx;
		color: var(--benbenFontColor3);
		font-size: 32rpx;
		font-weight: 500;
	}

	.goumai {
		display: flex;
		justify-content: center;
		align-items: center;
		background: #167deb;
		border-radius: 28rpx;
		width: 160rpx;
		height: 58rpx;
		opacity: 0.8;
	}

	.decorationTeam_fd2_0_c0 {
		width: 32rpx;
		height: 32rpx;
		margin-top: 4rpx;
		margin-right: 4rpx;
	}

	.decorationTeam_fd2_0 {
		background: #167deb;
		width: 640rpx;
		height: 88rpx;
		border-radius: 66rpx;
		background-size: 100% auto;
		margin-right: 20rpx;
	}

	.decorationTeam_fd3_0_c2_c1_c0 {
		color: #F06600;
		font-size: 32rpx;
		font-weight: 500;
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd3_0_c2_c1 {
		border-left: 1px solid #eee;
	}

	.decorationTeam_fd3_0_c2_c0_c0 {
		color: #999999;
		font-size: 32rpx;
		font-weight: 500;
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd3_0_c2 {
		border-top: 1px solid rgba(238, 238, 238, 1);
	}

	.decorationTeam_fd3_0_c1_c0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		text-align: center;
	}

	.decorationTeam_fd3_0_c1_c0 {
		margin: 0rpx 0rpx 0rpx 0rpx;
	}

	.decorationTeam_fd3_0_c1 {
		color: rgba(51, 51, 51, 1);
		font-size: 32rpx;
		line-height: 56rpx;
		font-weight: 400;
		padding: 0rpx 43rpx 80rpx 43rpx;
	}

	.decorationTeam_fd3_0_c0 {
		padding: 80rpx 0rpx 40rpx 0rpx;
	}

	.decorationTeam_fd3_0 {
		background: #fff;
		width: 540rpx;
		margin: 0rpx 105rpx 0rpx 105rpx;
		border-radius: 25rpx 25rpx 25rpx 25rpx;
		background-size: 100% auto !important;
	}

	.decorationTeam_fd4_0_c2_c1_c0 {
		color: #F06600;
		font-size: 32rpx;
		font-weight: 500;
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd4_0_c2_c1 {
		border-left: 1px solid #eee;
	}

	.authenticateNow_fd1_0 {
		border-bottom: 1px solid #eee;
		padding: 32rpx 32rpx 32rpx 32rpx;
	}

	.authenticateNow_fd1_0_c0 {
		font-size: 32rpx;
		font-weight: 400;
		color: #333333;
	}

	.authenticateNow_fd1_4_c1 {
		margin: 0rpx 0rpx 0rpx auto;
		text-align: right;
		font-size: 32rpx;
		color: #bfbfbf;
	}

	.decorationTeam_fd4_0_c2_c0_c0 {
		color: #999999;
		font-size: 32rpx;
		font-weight: 500;
		margin: 0024rpx 0rpx 024rpx 0rpx;
	}

	.decorationTeam_fd4_0_c2 {
		border-top: 1px solid rgba(238, 238, 238, 1);
		height: 100rpx;
	}

	.decorationTeam_fd4_0_c1_c0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		text-align: center;
	}

	.decorationTeam_fd4_0_c1_c0 {
		margin: 0rpx 0rpx 0rpx 0rpx;
	}

	.decorationTeam_fd4_0_c1 {
		color: rgba(51, 51, 51, 1);
		font-size: 32rpx;
		line-height: 56rpx;
		font-weight: 400;
		padding: 0rpx 43rpx 80rpx 43rpx;
	}

	.decorationTeam_fd4_0_c0 {
		padding: 80rpx 0rpx 0rpx 0rpx;
	}

	.decorationTeam_fd4_0 {
		background: #fff;
		width: 540rpx;
		margin: 0rpx 105rpx 0rpx 105rpx;
		border-radius: 25rpx 25rpx 25rpx 25rpx;
		background-size: 100% auto !important;
	}

	.decorationTeam_flex_5 {
		background: #fff;
		margin: 0rpx 104rpx 0rpx 104rpx;
		background-size: #eee;
		border-radius: 24rpx;
		padding: 40rpx 0rpx 0rpx 0rpx;
		width: 640rpx;
	}

	.decorationTeam_fd5_3_c2 {
		color: #F06600;
		font-size: 32rpx;
		font-weight: 500;

	}

	.decorationTeam_fd5_3_c1 {
		background: rgba(238, 238, 238, 1);
		width: 1rpx;
		height: 93rpx;
		margin: 0rpx 10rpx 0rpx 10rpx;
		transform: scaleX(0.5);
	}

	.decorationTeam_fd5_3_c0 {
		color: #999999;
		font-size: 32rpx;
		font-weight: 400;

	}

	.decorationTeam_fd5_3 {
		width: 640rpx;
		border-top: #f0f0f0 1rpx solid;
	}

	.decorationTeam_fd5_2 {
		color: #F06600;
		font-size: 28rpx;
		font-weight: 400;
		margin: 0rpx 32rpx 24rpx 32rpx;
	}

	.decorationTeam_fd5_1_c1_c1 {
		color: var(--benbenFontColor2);
		font-size: 32rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx 12rpx;
	}

	.decorationTeam_fd5_1_c1_c0 {
		color: var(--benbenFontColor0);
		font-size: 48rpx;
		font-weight: 500;
	}

	.decorationTeam_fd5_1_c0 {
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd5_1 {
		background: #F8F8FA;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 576rpx;
		height: 243rpx;
		padding: 24rpx 24rpx 24rpx 24rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd5_1123 {
		background: #fff;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 576rpx;
		height: 243rpx;
		padding: 24rpx 24rpx 24rpx 24rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd5_0 {
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
		margin: 0rpx 0rpx 40rpx 0rpx;
	}

	.decorationTeam_fd6_1 {
		width: 60rpx;
		height: 60rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 55rpx 0rpx 0rpx 287rpx;
	}

	.decorationTeam_fd6_0_c2 {
		background: #F8F8FA;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 576rpx;
		height: 88rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.decorationTeam_fd6_0_c1_c2 {
		margin: 0rpx 0rpx 0rpx auto;
		color: #F06600;
		font-size: 28rpx;
		font-weight: 400;
	}

	.decorationTeam_fd6_0_c1 {
		background: #F8F8FA;
		margin: 0rpx 0rpx 24rpx 0rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 576rpx;
		height: 88rpx;
		padding: 0rpx 024rpx 0rpx 24rpx;
	}

	.decorationTeam_fd6_0_c0_c0 {
		width: 72rpx;
		height: 72rpx;
	}

	.system_flex_2 {
		background: #fff;
		width: 540rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.system_fd2_0 {
		font-size: 36rpx;
		font-weight: 800;
		line-height: 44rpx;
		color: #333333;
		margin: 40rpx 0rpx 40rpx 0rpx;
	}

	.system_fd2_1 {
		line-height: 44rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: rgba(102, 102, 102, 1);
	}

	.system_fd2_2_c1 {
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		background: transparent;
		line-height: 110rpx;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 32rpx;
		color: #167deb;
		width: 268rpx;
	}

	.system_fd2_2_c0 {
		border-top: 1px solid #eee;
		background: #fff;
		line-height: 110rpx;
		border-radius: 0rpx 0rpx 0rpx 16rpx;
		font-size: 32rpx;
		color: rgba(153, 153, 153, 1);
		padding: 0rpx 103rpx 0rpx 103rpx;
	}

	.system_fd2_2 {
		margin: 37rpx 0rpx 0rpx 0rpx;
	}

	.decorationTeam_fd6_0_c0 {
		margin: 0rpx 176rpx 40rpx 176rpx;
	}

	.decorationTeam_fd6_0 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 48rpx 32rpx 48rpx 32rpx;
	}

	.decorationTeam_flex_7 {
		background: #fff;
		margin: 0rpx 105rpx 0rpx 105rpx;
		background-size: #eee;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 40rpx 0rpx 0rpx 0rpx;
		width: 560rpx;
	}

	.decorationTeam_fd7_3_c0 {
		background: transparent;
		line-height: 45rpx;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 34rpx;
		color: rgba(240, 102, 0, 1);
		padding: 24rpx 202rpx 24rpx 202rpx;
		font-weight: 500;
	}

	.decorationTeam_fd7_2 {
		background: rgba(238, 238, 238, 1);
		width: 540rpx;
		height: 1rpx;
		background-size: #eee;
	}

	.decorationTeam_fd7_1_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
	}

	.decorationTeam_fd7_1 {
		font-size: 32rpx;
		font-weight: 500;
		color: #333;
		margin: 32rpx 36rpx 32rpx 36rpx;
		line-height: 45rpx;
		text-align: center;
	}

	.decorationTeam_fd7_0 {
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
		text-align: center;
	}

	.decorationTeam_flex_8 {
		background: #fff;
		margin: 0rpx 105rpx 0rpx 105rpx;
		background-size: #eee;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 20rpx 0rpx 0rpx 0rpx;
		width: 560rpx;
	}

	.decorationTeam_fd8_3_c0 {
		background: transparent;
		line-height: 45rpx;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 32rpx;
		color: var(--benbenFontColor6);
		padding: 24rpx 206rpx 24rpx 206rpx;
		font-weight: 500;
	}

	.decorationTeam_fd8_2 {
		background: rgba(238, 238, 238, 1);
		width: 540rpx;
		height: 1rpx;
		background-size: #eee;
	}

	.decorationTeam_fd8_1_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
	}

	.decorationTeam_fd8_1 {
		font-size: 32rpx;
		font-weight: 500;
		color: #333;
		margin: 16rpx 36rpx 16rpx 36rpx;
		line-height: 45rpx;
		text-align: center;
	}

	.decorationTeam_fd8_0 {
		font-weight: 500;
		font-size: 32rpx;
		line-height: 50rpx;
		color: #333333;
		text-align: center;
	}

	.decorationTeam_fd9_0_c2_c1_c0 {
		color: #F06600;
		font-size: 32rpx;
		font-weight: 500;
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd9_0_c2_c1 {
		border-left: 1px solid #eee;
	}

	.decorationTeam_fd9_0_c2_c0_c0 {
		color: #999999;
		font-size: 32rpx;
		font-weight: 500;
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd9_0_c2 {
		border-top: 1px solid rgba(238, 238, 238, 1);
	}

	.decorationTeam_fd9_0_c1_c0_c1 {
		color: #F06600;
		font-size: 28rpx;
		font-weight: 400;
		text-align: center;
	}

	.decorationTeam_fd9_0_c1_c0_c0 {
		width: 440rpx;
		height: 328rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.decorationTeam_fd9_0_c1_c0 {
		margin: 0rpx 0rpx 0rpx 0rpx;
	}

	.decorationTeam_fd9_0_c1 {
		color: rgba(51, 51, 51, 1);
		font-size: 32rpx;
		line-height: 56rpx;
		font-weight: 400;
		padding: 0rpx 43rpx 40rpx 43rpx;
	}

	.decorationTeam_fd9_0_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 56rpx;
	}

	.decorationTeam_fd9_0_c0 {
		padding: 40rpx 0rpx 32rpx 0rpx;
	}

	.decorationTeam_fd9_0 {
		background: #fff;
		width: 640rpx;
		margin: 0rpx 105rpx 0rpx 105rpx;
		border-radius: 25rpx 25rpx 25rpx 25rpx;
		background-size: 100% auto !important;
	}
</style>